<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/mttAlert.css"/>
		<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mttAlert.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		
		<button type="button">弹框</button>
		
		<span>test</span>
		<!-- 弹框 -->
		<!-- <div class="big">
			<div class="warning">
				<p>
					<span>警告</span>
					<span>x</span>
				</p>
				<p>确定要进行此操作吗?</p>
				<div>
					<button type="button">确认</button>
					<button type="button">取消</button>
				</div>
			</div>
		</div> -->
		
		<script type="text/javascript">
			// $("button").on("click", function(){
			// 	$.mttAlert("确定要更换皮肤吗?");
			// })
			
			$("button").on("click", function(){
				// $.mttAlert( { title: "确定要更换皮肤吗?", type: "red" });
				// $.mttAlert( { title: "确定要更换皮肤吗?", type: "rgba(10,20,30,.7)" });
				$.mttAlert( { title: "确定要更换皮肤吗?", type: "rgb(130,70,230)" });
				// $.mttAlert( { title: "确定要更换皮肤吗?", type: "#eeeeee" });
			})
			
			$("span").on("click", function(){
				$.mttAlert( "mtt is warning you!" )
			})
			
		</script>
		
	</body>
</html>
